body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 14px;
    line-height: 1.5em
}

code {
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 1em
}

pre,
pre code {
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 13px;
    line-height: 1.25em
}

i,
em {
    font-style: italic
}

b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0 16px;
    clear: both
}

table.description tr td {
    border: 1px solid #eeeef1
}

body {
    color: #002b36;
    background-color: #FAFAFC
}

::selection {
    background: #6c71c4;
    color: white
}

::-moz-selection {
    background: #6c71c4;
    color: white
}

a,
a:link,
a:visited,
a:active,
a:hover {
    text-decoration: none;
    outline: none
}

a,
a:link,
a:visited,
a:active {
    color: #002b36
}

a:hover {
    color: #cb4b16
}

hr {
    color: #eeeef1;
    border-top: 1px solid #eeeef1;
    border-bottom: none;
    border-left: none;
    border-right: none
}

ul {
    list-style: none
}

.corps ul li:before {
    content: "-";
    display: inline-block;
    margin-left: 2.5ex;
    width: 0
}

ul {
    padding-left: 0;
    text-indent: -2.5ex
}

ol {
    padding-left: 0
}

.toc {
    line-height: 1em
}

.toc ol li,
.toc ul li {
    margin: .5em 0
}

ol li ol,
ul li ol,
ul li ul {
    margin: 0em 2em 0.6em;
    list-style: none
}

body,
h1,
h2,
h3,
h4,
#entete,
.tagname {
    text-rendering: optimizelegibility;
    line-height: 1.5em
}

#header,
#bottom,
#navigation {
    text-align: center
}

#header a,
#bottom a,
#navigation a {
    border-bottom: 2px solid transparent
}

#header a:hover,
#bottom a:hover,
#navigation a:hover {
    border-color: #002b36
}

#navigation {
    margin: 1em auto;
    font-size: 1.25em;
    text-align: center;
    font-weight: thin;
    font-style: italic
}

#navigation .sep {
    opacity: .3;
    font-style: italic;
    display: inline-block;
    margin: 0 .5em
}

#navigation a:before {
    content: "/"
}

#choix {
    height: 0
}

.article #choix {
    height: auto
}

@media only screen and (max-width: 600px) {
    #choix {
        height: auto
    }
}

@media only screen and (max-width: 480px) {
    #navigation > a {
        width: 100%;
        display: inline-block
    }

    #navigation .sep {
        display: none
    }
}

.article #afterheader {
    counter-reset: niv02
}

.article #afterheader h2 {
    counter-increment: niv02;
    counter-reset: niv03;
    marker-offset: 3em
}

.article #afterheader h2:before {
    content: counter(niv02) ". "
}

.article #afterheader h3 {
    counter-increment: niv03;
    counter-reset: niv04
}

.article #afterheader h3:before {
    content: counter(niv02) "."counter(niv03) ". "
}

.article #afterheader h4 {
    counter-increment: niv04
}

.article #afterheader h4:before {
    content: counter(niv02) "."counter(niv03) "."counter(niv04) ". "
}

pre {
    border-left: dashed 1px #93a1a1;
    padding: 1em;
    margin: 1em 0
}

pre > code {
    display: block
}

.corps blockquote {
    max-width: 80%;
    margin: 0 auto;
    padding: 0;
    font-weight: bold;
    max-width: 80%;
    margin: 0 auto;
    padding: 0;
    color: #073642;
    line-height: 1.5em;
    padding-left: 1.5em;
    border-left: solid
}

.corps blockquote ul,
.corps blockquote ol {
    margin-left: 0
}

.corps blockquote a {
    font-weight: normal
}

.corps blockquote a:hover {
    color: #cb4b16
}

.corps blockquote i,
.corps blockquote em {
    font-weight: normal;
    font-style: normal;
    color: #859900
}

.corps blockquote strong,
.corps blockquote b {
    font-weight: bold;
    color: #002b36
}

.corps blockquote > ul,
.corps blockquote > ol {
    padding-left: 1.5em
}

abbr,
acronym {
    text-decoration: none;
    border-bottom-width: 0
}

abbr:after,
acronym:after {
    content: "*";
    vertical-align: super;
    line-height: 0;
    font-size: .66em;
    color: #073642
}

#titre {
    margin: 2em 0
}

#liens .active,
#sousliens {
    color: #002b36;
    border: #93a1a1 solid 1px;
    background-color: #F0F0F3
}

#liens .active strong,
#liens .active b,
#liens .active i,
#liens .active em,
#sousliens strong,
#sousliens b,
#sousliens i,
#sousliens em {
    color: #002b36
}

#liens a {
    border: 1px solid #EEE;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1)
}

#liens a:hover {
    background: rgba(0, 0, 0, 0.1)
}

#liens .active {
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    background-color: #f7f7f9;
    border: 1px solid #e9e9eb;
    border-top: none
}

#lastmod {
    font-size: 0.9em
}

.nojsbutton {
    font-size: 2.5em
}

#clickcomment,
#choixrss > a,
.clearbutton {
    display: block;
    width: 20%;
    cursor: pointer;
    margin: 1em 0;
    padding: 1em;
    font-size: 16px;
    line-height: 1.4em;
    border: 1px solid #FAFAFC;
    color: #ccccd0
}

#clickcomment:hover,
#choixrss > a:hover,
.clearbutton:hover {
    max-width: 80%;
    margin: 0 auto;
    padding: 0;
    color: #dc5c27;
    text-shadow: 0 0 2px #FAA
}

#clickcomment:hover ul,
#clickcomment:hover ol,
#choixrss > a:hover ul,
#choixrss > a:hover ol,
.clearbutton:hover ul,
.clearbutton:hover ol {
    margin-left: 0
}

#clickcomment:active,
#choixrss > a:active,
.clearbutton:active {
    max-width: 80%;
    margin: 0 auto;
    padding: 0;
    color: #dc5c27;
    text-shadow: 0 0 2px #FAA;
    background: #f4f4f6
}

#clickcomment:active ul,
#clickcomment:active ol,
#choixrss > a:active ul,
#choixrss > a:active ol,
.clearbutton:active ul,
.clearbutton:active ol {
    margin-left: 0
}

.return > a,
#choixrss > a {
    float: right
}

#choix .return > a,
#choix #choixrss > a {
    margin-top: 0
}

#choix #choixlang {
    position: absolute;
    left: 0;
    top: 0
}

#choix #choixlang a {
    margin-top: 0;
    width: 100%
}

.small {
    font-size: 0.8em
}

.tiny {
    font-size: 0.6em
}

.sc {
    text-transform: uppercase;
    font-size: 0.8em
}

.impact,
.darkimpact {
    font-size: 2em;
    margin: 0 auto 1em auto;
    line-height: 1.3em
}

h1 > .date {
    font-size: 0.6em;
    color: #002b36
}

.date {
    font-size: 0.8em;
    color: #FAFAFC;
    border: 1px solid #002b36;
    text-align: center;
    width: 4.1em;
    line-height: 1.5em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em
}

.date .day,
.date .month,
.date .year {
    display: block
}

.date .day {
    color: #002b36;
    background-color: #FAFAFC;
    float: left;
    width: 1.7em
}

.date .month {
    float: right;
    width: 2.3em;
    background-color: #002b36;
    color: #FAFAFC
}

.date .year {
    line-height: 3ex;
    clear: both;
    color: #002b36;
    border: #93a1a1 solid 1px;
    background-color: #F0F0F3
}

.date .year strong,
.date .year b,
.date .year i,
.date .year em {
    color: #002b36
}

body {
    text-align: left;
    max-width: 50em;
    margin: 0 auto
}

body > #entete {
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 100%;
    min-width: 48em;
    z-index: 8000;
    padding-bottom: 1em;
    margin-bottom: 3em
}

#titre h2 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-style: italic
}

#titre {
    text-align: center;
    width: 100%
}

#titre h1,
#titre h2 {
    padding-left: 1em;
    padding-right: 1em
}

#bottom {
    opacity: .25;
    clear: right;
    margin-right: 0;
    padding: 1.5em;
    border-top: solid 2px #93a1a1;
    line-height: 1.5em;
    color: #224d58;
    margin-top: 2em;
    text-align: center
}

#bottom a {
    color: #113c47
}

#bottom a:hover {
    color: #cb4b16
}

#bottom:hover {
    opacity: 1
}

#sousliens {
    padding: 1em 0;
    line-height: 2em
}

#sousliens ul {
    list-style: none;
    margin-left: 4em
}

ul.horizontal li {
    display: inline;
    font-size: 0.9em
}

ul.horizontal {
    margin-top: 0;
    margin-bottom: 0
}

#entete {
    padding-top: 0.1em;
    border-top: 1px solid #ccccd0;
    border-bottom: 1px solid #ccccd0
}

#liens {
    width: 100%;
    padding: 0;
    clear: both;
    margin-top: 0.5em
}

#liens ul {
    width: 100%;
    clear: both;
    padding: 0;
    margin: 0
}

#liens ul li {
    display: inline-block;
    height: 4em;
    margin-left: 0.2em;
    margin-right: 0.2em;
    width: 23%
}

#liens ul li a,
#liens ul li span {
    width: 100%;
    display: block;
    line-height: 4em
}

.clear {
    clear: both
}

#content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    clear: both;
    width: 100%;
    max-width: 50em
}

@media only screen and (max-width: 48em) {
    #content {
        padding: 0;
        width: 100%
    }

    #content img {
        max-width: 80%
    }

    #content .corps {
        padding: 0 1em
    }
}

.encadre,
.black,
.intro,
.resume,
.shadow {
    padding: 2em;
    margin-top: 2em;
    margin-bottom: 2em
}

.encadre,
.black,
.shadow {
    color: #002b36;
    border: #93a1a1 solid 1px;
    background-color: #F0F0F3
}

.encadre strong,
.encadre b,
.encadre i,
.encadre em,
.black strong,
.black b,
.black i,
.black em,
.shadow strong,
.shadow b,
.shadow i,
.shadow em {
    color: #002b36
}

.corps .intro,
.corps .resume {
    max-width: 80%;
    margin: 0 auto
}

#afterheader > h1 {
    width: 100%;
    padding-top: 1.5em;
    text-align: left
}

#afterheader {
    padding-left: 0em;
    padding-right: 0em
}

#sousliens {
    margin-top: 3em;
    margin-bottom: 3em;
    font-size: 1.2em;
    letter-spacing: 1px;
    text-align: left;
    clear: both
}

.twilight {
    line-height: 1.1em
}

.corps {
    text-align: justify;
    margin: 0;
    clear: both
}

.corps p,
.corps ol,
.corps ul,
.corps blockquote,
.corps > pre,
.corps > code {
    margin-top: 1em;
    margin-bottom: 1em
}

.corps p > code,
.corps p > a > code,
.corps li > code,
.corps li > a > code {
    display: inline-block;
    line-height: 1em;
    margin: 0
}

.corps li > code,
.corps li > a > code {
    text-indent: 0
}

.corps blockquote > ul,
.corps ul li blockquote > ul,
.corps ol li blockquote > ul {
    margin: 0
}

.corps ul li ul,
.corps ol li ul,
.corps ul li ol,
.corps ol li ol {
    margin: 0 2em 0.6em
}

.corps img {
    max-width: 80%;
    border: 1px solid #93a1a1
}

.corps p > a > img {
    display: inline-block;
    border: none;
    padding: 0;
    margin: 0
}

.corps a:hover img {
    border-color: #cb4b16
}

figure,
.figure {
    color: #002b36;
    border: #93a1a1 solid 1px;
    background-color: #F0F0F3;
    border: 2px solid #93a1a1;
    margin: 3em 0;
    text-align: center
}

figure strong,
figure b,
figure i,
figure em,
.figure strong,
.figure b,
.figure i,
.figure em {
    color: #002b36
}

figure figcaption,
figure .caption,
.figure figcaption,
.figure .caption {
    text-align: center;
    margin: .5em 0
}

figure.left,
figure.right,
.figure.right,
.figure.left {
    max-width: 30%
}

img.clean {
    border: none;
    background-color: none
}

#address {
    clear: both
}

.definitionCell {
    width: 5em;
    vertical-align: top;
    text-align: center;
    font-weight: bold
}

.valueCell {
    text-align: right
}

.smallblock {
    float: left;
    width: 50%;
    font-size: 1em;
    font-weight: bold
}

.largeblock {
    float: right;
    width: 70%;
    font-size: 1em
}

#blackpage,
#nojsredirect {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    text-align: center
}

#blackpage {
    color: #002b36;
    background-color: #FAFAFC;
    font-style: italic;
    padding-top: 8em;
    z-index: 9000;
    cursor: wait
}

#blackpage img {
    background: none;
    border: none;
    max-width: 80%;
    margin: 0 auto
}

#blackpage a {
    cursor: pointer
}

#blackpage .preh1 {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 1em
}

#blackpage .preh2 {
    font-size: 1.2em;
    font-style: italic;
    margin-bottom: 1em
}

#blackpage .preintro {
    text-align: left;
    width: 50em;
    margin: 0 auto
}

#nojsredirect {
    z-index: 9001
}

.nojsbutton {
    width: 50%;
    padding: 1em;
    border: solid 3px white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    z-index: 9002
}

.codefile {
    font-size: 0.8em;
    text-align: right;
    padding-right: 1em;
    margin-right: 0.1;
    margin-bottom: -1em
}

.flush {
    clear: both
}

table.description {
    border-spacing: 5px;
    border-collapse: separate;
    margin-right: auto;
    margin-left: auto
}

table.description tr td {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
    vertical-align: middle;
    margin-right: 5px
}

ul.long li {
    margin-bottom: 1em
}

img {
    display: block;
    margin: 1.2em auto;
    background: none;
    border: none
}

img.right {
    max-width: 30%;
    margin-top: .6em;
    margin-left: 2em
}

img.left {
    float: left;
    max-width: 30%;
    margin-top: .6em;
    margin-right: 2em
}

img.inside {
    display: inline;
    vertical-align: middle
}

pre {
    overflow-x: auto;
    overflow-y: hidden
}

.impact,
.darkimpact {
    text-align: left;
    width: 66%;
    padding-left: 0.25em;
    padding-right: 0.25em
}

table.impact {
    text-align: left
}

table.impact tr td {
    padding-left: 0.25em;
    padding-right: 0.25em
}

#liens {
    font-size: 1.2em
}

.tagname {
    display: inline;
    cursor: pointer;
    margin-left: 0.5em;
    margin-right: 0.5em
}

.list {
    margin-top: 3em
}

#menuMessage {
    font-size: 1.2em;
    line-height: 1.5em;
    width: 100%;
    text-align: center
}

.corps .return a {
    color: #eeeef1;
    padding: 0.1em;
    font-size: 1.5em;
    height: 1.5em;
    float: left;
    font-size: 2em;
    margin-top: -0.5em;
    margin-left: -2em;
    width: 1.5em
}

a.return {
    color: #eeeef1;
    padding: 0.1em;
    line-height: 1.5em;
    font-size: 1.5em;
    height: 1.5em;
    font-size: 2em;
    width: 1.5em;
    display: block
}

a.return:hover {
    color: #073642
}

.corps .return a:hover {
    color: #cb4b16
}

.footnotes ol {
    color: #839496;
    font-weight: bold
}

.footnotes ol p {
    color: #002b36;
    font-weight: normal;
    font-style: normal
}

.fontnotes ol {
    margin-left: 0
}

.typeset img {
    display: inline;
    border: none;
    margin: 0;
    padding: 0
}

strong,
b,
i,
em {
    color: #073642
}

strong a,
b a,
i a,
em a {
    color: #002b36
}

strong a:hover,
b a:hover,
i a:hover,
em a:hover {
    color: #cb4b16
}

.corps p strong,
.corps p b,
.corps p i,
.corps p em {
    color: #073642
}

a:hover strong,
a:hover b,
a:hover i,
a:hover em {
    color: #dc5c27
}

a:hover .nicer {
    color: #ffb17c
}

.nicer {
    color: #ccccd0
}

.and {
    color: #ccccd0
}

.block {
    max-width: 80%;
    margin: 0 auto;
    padding: 0;
    width: 26.5%;
    padding: 1em;
    text-align: left;
    line-height: 1em;
    margin-left: 1%;
    margin-right: 1%;
    font-size: 0.8em;
    height: 9em
}

.block ul,
.block ol {
    margin-left: 0
}

.block a {
    color: #002b36
}

.block a:hover {
    color: #cb4b16
}

.block h3 {
    margin: 0;
    font-size: 1.3em
}

.block p {
    line-height: 1.2em
}

.left {
    float: left
}

.right {
    float: right
}

.corps p a,
.corps ul a {
    font-style: italic;
    color: #073642
}

.corps p a:hover,
.corps ul a:hover {
    color: #cb4b16
}

ul.bloglist,
.archive ul {
    list-style-type: none;
    margin: 0
}

ul.bloglist li,
.archive ul li {
    margin-bottom: 1em
}

.button {
    cursor: pointer;
    text-align: center
}

#tagcloud {
    font-size: .8em;
    background: #F0F0F3;
    line-height: 2.5em;
    padding: 2em;
    text-align: justify
}

.pala {
    opacity: 0.6
}

sup {
    vertical-align: top;
    font-size: .7em
}

.default .corps p a,
.default .corps ul a {
    color: #073642
}

.default .corps p a:hover,
.default .corps ul a:hover {
    color: #cb4b16
}

.article .corps a:after {
    content: "†";
    vertical-align: super;
    line-height: 0;
    font-size: .66em;
    color: #073642
}

.article .corps pre a:after {
    content: ""
}

.article .corps .nostar a:after {
    content: ""
}

.article .corps .footnotes a:after,
.article .corps sup a:after {
    content: ""
}

.article .corps sup a {
    font-weight: bold;
    padding: 0 .3em;
    margin-left: 2px;
    vertical-align: top
}

.article .corps sup a:hover {
    color: #cb4b16
}

ul#markdown-toc,
.intro .toc ul {
    text-transform: uppercase;
    font-size: 0.8em;
    list-style: none;
    padding-left: 1.5em
}

ul#markdown-toc a:after,
.intro .toc ul a:after {
    content: ""
}

ul#markdown-toc ul ul,
.intro .toc ul ul ul {
    font-variant: normal;
    line-height: 1em;
    font-size: 1em;
    margin-bottom: 1em
}

table {
    margin: 1.5em auto;
    font-size: .8em;
    border: 1px solid #93a1a1
}

table tr td {
    padding: 2px .5em
}

table tr:nth-child(odd) {
    background-color: #F0F0F3
}

table tr:nth-child(even) {
    background-color: #FAFAFC
}

p pre code,
ul li pre code,
ol li pre code {
    background: none;
    border: none;
    padding: 0
}

p code,
ul li code,
ol li code {
    border: dotted 1px rgba(0, 0, 0, 0.3);
    padding: 2px;
    line-height: 1em
}

.social:hover {
    color: #268bd2
}

#blogpage .popularblock {
    width: 33.3333%;
    min-width: 150px;
    float: left;
    font-weight: bold
}

#blogpage .popularblock:hover figure {
    color: #cb4b16;
    padding: 20px
}

#blogpage .popularblock figure {
    margin: 0 10px;
    padding: 20px;
    height: 12em
}

#blogpage .popularblock figure img {
    max-width: 80%;
    max-height: 6em
}

ul.sameline {
    list-style: none
}

ul.sameline li {
    float: left;
    margin-left: .5em
}

.resumearticle {
    background-color: #F0F0F3;
    margin: 1em 0;
    padding: 1em
}

a.cut {
    font-size: 12px;
    text-align: right;
    display: block;
    width: 100%;
    opacity: .5;
    border: 1px solid #FAFAFC;
    overflow: hidden;
    text-overflow: ellipsis
}

a.cut:hover {
    opacity: 1
}

a.cut strong {
    font-weight: bold
}

.codehighlight pre {
    border-left: 8px solid
}

#social {
    font-size: 1.5em;
    text-align: center;
    padding-top: 1em;
    margin-top: 1em;
    border-top: 2px solid #93a1a1;
    opacity: .3
}

#social:hover {
    opacity: 1
}

#social .message {
    font-size: 10px
}

#totop {
    text-align: center
}

.corps .inlineblockimg {
    width: 48px;
    margin: 8px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 0.8em;
    overflow: hidden;
    border: solid 1px
}

.corps img.inlineimage {
    display: block;
    padding: 0;
    max-height: 48px;
    max-width: 48px;
    border: none;
    margin: 0 auto;
    vertical-align: middle;
    font-size: 7px;
    overflow: hidden
}

section.slide {
    border-color: #93a1a1;
    border: solid 1px;
    margin-bottom: 1em;
    padding: .5em;
    font-size: .8em;
    min-height: 25em
}

section.slide ul,
section.slide ol {
    padding-left: 1.5ex
}

a.rss {
    background-color: #F8F8F8;
    background-image: -moz-linear-gradient(center top, white, #DEDEDE);
    border: 1px solid #CCCCCC;
    color: #cb4b16;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
}

a.rss:hover {
    background-image: -moz-linear-gradient(center top, white, #F3F3F3)
}

.base03 {
    color: #002b36
}

.base02 {
    color: #073642
}

.base01 {
    color: #586e75
}

.base00 {
    color: #657b83
}

.base0 {
    color: #839496
}

.base1 {
    color: #93a1a1
}

.base2 {
    color: #eee8d5
}

.base3 {
    color: #fdf6e3
}

.yellow {
    color: #b58900
}

.orange {
    color: #cb4b16
}

.red {
    color: #dc322f
}

.magenta {
    color: #d33682
}

.violet {
    color: #6c71c4
}

.blue {
    color: #268bd2
}

.cyan {
    color: #2aa198
}

.green {
    color: #859900
}

.highlight {
    background-color: #eee8d5;
    padding: 0 3px;
    height: 1.1em;
    line-height: 1em;
    display: inline-block
}

#header {
    opacity: .25;
    border-bottom: solid 4px black
}

#header:hover {
    opacity: 1
}

.strike {
    text-decoration: line-through
}

.wrap {
    word-wrap: break-word
}

.cssdebug pre > code:before {
    content: "----5---10---15---20---25---30---35---40---45---50---55---60---65---70---75---80***85***90";
    display: block
}
